<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/search.css"/>
		<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css"/>
		
	</head>
	<body>
		<script type="text/javascript">
			window.onload=function(){
				let token=localStorage.getItem('token')
				let back = document.querySelector('.back')
				let suosouText = document.querySelector('.rec-sousuo')
				let ipt = document.querySelector('input')
				let list=document.querySelector('.main ul')
				back.onclick=function(){
					history.back()
				}
				ipt.onclick=function(){
					suosouText.innerHTML=''
				}
				let searchApi='http://15637237221.wicp.vip/yh/HomePage/tagList.do'
				axios.post(searchApi,{
					token
				}).then(res=>{
					console.log(res.data.info)
					let arr=res.data.info
					
					let html=''
					for(let i=0;i<arr.length;i++){
						html+=`
						<li>
							<h2>${arr[i].tagTypeName}</h2>
							<div class="search-con">
								
							
								
							</div>
							
						</li>
						`
					}
					list.innerHTML=html;
					let searchCon=document.querySelectorAll('.search-con')
					for(let i = 0;i<arr.length;i++){
						let html1=''
						for(let j=0;j<arr[i].tagList.length;j++){
							html1+=`
							<a href="">${arr[i].tagList[j].tagName}</a>
							`
						}
						 searchCon[i].innerHTML=html1;
						 html1=''
					}
					
				})
			}
		</script>
		<div class="box">
			<div class="header">
				
					<img src="img/top.png" class="zhuangtailan">
					<form action="">
						<input type="" name="" id="" value="" />
						<em class="rec-sousuo"><em class="iconfont icon-search"></em><span>搜索</span></em>
						<a href="javascript:;" class="back"><em class="cancel">取消</em></a>
					</form>
					
				
			</div>
			<div class="main">
				<ul>
				
				</ul>
			</div>
		</div>
	</body>
</html>
